<div class="padding-left">
    <fieldset role="tabpanel" aria-labelledby="component-h-0" class="body current" aria-hidden="false">
        <h2>完善商家店铺</h2>
        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label>公司名称</label> <span class="required">*</span>
                    <input id="name" v-model="companyBaseInfo.name" placeholder="必填，请输入商家名称" type="text" class="form-control required"
                        aria-required="true" />
                </div>
                <div class="form-group">
                    <label>店铺类型</label> <span class="required">*</span>
                    <select id="city" class="form-control "
                       v-model="companyBaseInfo.shopType">
                        <option selected disabled value="">必填，请选择商铺类型</option>
                        <option :value="item.shopTypeId" v-for="(item,index) in companyBaseInfo.shopTypes">{{item.typeName}}
                        </option>
                    </select>
                </div>
                <div class="form-group">
                    <label>店铺名称</label> <span class="required">*</span>
                    <input id="name" v-model="companyBaseInfo.shopName" placeholder="必填，请认真填写，后期无法自主修改" type="text" class="form-control required"
                        aria-required="true" />
                </div>
                <div class="form-group">
                    <label>店铺地区</label> <span class="required">*</span></br>
                    <select id="pro" class="form-control form-control-sm" style="width: 10vw;display: inline;"
                        v-model="selectProv" @change="getProv(selectProv)">
                        <option value='' disabled selected style='display:none;'>请选择省</option>
                        <option v-for="item in provs" :label="item.areaName" :value="item.areaCode">{{item.areaName}}
                        </option>
                    </select>
                    <select id="city" class="form-control form-control-sm" style="width: 10vw;display: inline;"
                        v-if="selectProv!=''" v-model="selectCity" @change="getCity(selectCity)">
                        <option value='' disabled selected style='display:none;'>请选择城市</option>
                        <option v-for="item in citys" :label="item.areaName" :value="item.areaCode">{{item.areaName}}
                        </option>
                    </select>
                    <select id="area" class="form-control form-control-sm" style="width: 30%;display: inline;"
                        v-if="selectCity!=''" v-model="selectArea" @change="getArea(selectArea)">
                        <option value='' disabled selected style='display:none;'>请选择区县</option>
                        <option v-for="item in areas" :label="item.areaName" :value="item.areaCode">
                            {{item.areaName}}
                        </option>
                    </select>
                </div>
                <div class="dropdown form-group">
                    <label>店铺地址</label> <span class="required">*</span>
                    <input name="address" v-model="companyBaseInfo.address" placeholder="必填，请填写店铺地址" type="text" class="form-control required"
                        aria-required="true" />
                </div>
                <div class="form-group">
                    <label>联系电话</label> <span class="required">*</span>
                    <input name="tel" v-model="companyBaseInfo.tel" type="text" placeholder="必填，请填写联系电话，一般填写客服电话" class="form-control required"
                        aria-required="true" />
                </div>

            </div>
            <div class="col-lg-4">
                <div class="text-center">
                    <div style="margin-top: 20px;">
                        <i class="fa fa-sign-in" style="font-size: 240px; color: rgb(229, 229, 229);"></i>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</div>